<template>
    <div class="app-container">
        <levelbar></levelbar>
        <el-button type="text" class="btn-success explain" @click="goToExplain">使用说明</el-button>
        <card-detail-list></card-detail-list>
    </div>
</template>

<script>
    import Levelbar from '../layout/Levelbar';
    import cardDetailList from './comps/cardDetailList';
    export default {
        name: 'cardDetails',
        components: {Levelbar, cardDetailList},
        data() {
            return {
        
            }
        },
        methods: {
            goToExplain() {
                this.$router.push('explain')  
            }
        }
    }
</script>

<style lang="scss" scoped>
    .app-container {
        position: relative;
        padding: 20px 20px 10px;
        $bgcolor: #fff;
        .app-levelbar {
            height: 35px;
        }
        .explain{
            position: absolute;
            right: 10px;
            top:23px;
            z-index: 99
        }
    }
</style>